import { defineConfig, presetUno, transformerDirectives } from "unocss";
import presetAttributify from "@unocss/preset-attributify";

export default defineConfig({
	presets: [
		presetUno(),
		presetAttributify({
			/* preset options */
		}),
		// ...
	],
	transformers: [transformerDirectives()],
	rules: [
		["card-shadow", { "box-shadow": "0 10px 40px 0 rgba(0,0,0,.15)" }],
		["adapt", { flex: 1, "max-width": "1600px" }],
		["flex-x-center", { display: "flex", "justify-content": "center" }],
		["flex-y-center", { display: "flex", "align-items": "center" }],
		[
			"flex-center",
			{
				display: "flex",
				"justify-content": "center",
				"align-items": "center",
			},
		],
	],
	theme: {
		// ...
		colors: {
			brand: {
				primary: "#1566d4", //class="bg-brand-primary"
				bg: "#f7f7f7", //class="bg-brand-primary"
				gray: "#f6f6f6",
				divider: "#cccccc",
			},
		},
	},
});
